<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Import Namespace="Localization" %>
<%@ Import Namespace="System.Web.Configuration" %>


<asp:Content ID="aboutTitle" ContentPlaceHolderID="TitleContent" runat="server">
    <%: Strings.SiteTitle %>
</asp:Content>
<asp:Content ID="headerContent" ContentPlaceHolderID="HeadContent" runat="server">

    <script src="<%: Url.Content("~/Scripts/highslide/highslide-with-gallery.js")%>" type="text/javascript"></script>
    <link href="<%: Url.Content("~/Scripts/highslide/highslide.css")%>" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    hs.graphicsDir = '<%: Url.Content("~/Scripts/highslide/graphics/") %>';
    hs.showCredits = 0;
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.fadeInOut = true;
    hs.outlineType = 'drop-shadow';
    hs.wrapperClassName = 'titlebar';
    hs.captionEval = 'this.a.title';
    hs.numberPosition = 'caption';
    hs.useBox = true;
    hs.marginLeft = 80; // make room for the thumbstrip
    hs.marginRight = 5; // make room for the thumbstrip
    hs.marginBottom = 20;  // make room for the controls and the floating caption
    hs.width = 1220;
    hs.height = 820;
    //hs.dimmingOpacity = 0.8;

    // Add the slideshow providing the controlbar and the thumbstrip
    hs.addSlideshow({
        //slideshowGroup: 'group1',
        interval: 5000,
        repeat: false,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
            position: 'bottom center',
            opacity: .95,
            hideOnMouseOut: true
        },
        thumbstrip: {
            position: 'top left',
            mode: 'vertical',
            relativeTo: 'expander'
        }
    });

    // Make all images animate to the one visible thumbnail
    var miniGalleryOptions1 = {
        thumbnailId: 'thumb1'
    }
</script>

</asp:Content>

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
        <div class="row" style="margin-top:20px">
            <div class="eight columns">
                <h3><%: Messages.Welcome %></h3>
                <p><%= Text.InitialPageText %></p>
                <br />

                <div class="alert-box warning">
                <br />
                <p>
                <%= String.Format(Text.MigrationMessage, "<a style='text-shadow: rgba(0, 0, 0, .01) 0 0 1px;' href='http://sinbiota1.biota.org.br/'>http://sinbiota1.biota.org.br/</a>")%>
                </p>
                  <a href="" class="close">&times;</a>
                </div>

            </div>
            <div class="four columns">
            <h3><%: Strings.Images %></h3>
      
                <div class="highslide-gallery">
                    <a id="thumb1" class="highslide" href="<%: Url.Content("~/Content/img/screenshots/shot0.png") %>" onclick="return hs.expand(this, miniGalleryOptions1)" title="<%: Text.ResourceManager.GetString("screenshot0") %>">
                       <img src="<%: Url.Content("~/Content/img/screenshots/tn_shot0.png") %>" alt="Highslide JS" title="Click to enlarge" height="200" width="151" />
                    </a>
                    <div class="hidden-container">
                    <%
                        for (var i = 1; i <= 8; i++)
                       { %>
  
                        <a  class="highslide" href="<%: Url.Content(String.Format("~/Content/img/screenshots/shot{0}.png",i)) %>" onclick="return hs.expand(this, miniGalleryOptions1)" title="<%: Text.ResourceManager.GetString("screenshot"+i) %>">
                           <img src="<%: Url.Content(String.Format("~/Content/img/screenshots/tn_shot{0}.png",i)) %>" alt="Click to Enlarge" title="Click to enlarge" height="200" width="151" />
                        </a>
    <% } %>
                    </div>
                </div>
                <br />
                <div class="panel" style="padding:0.5em;">
                <h4><%: Strings.ContactUs %></h4>
                <br />
                <a href="mailto:<%: WebConfigurationManager.AppSettings["TechSupportEmail"]%>"><%: WebConfigurationManager.AppSettings["TechSupportEmail"]%></a>
                <br />
                </div>
                


             </div>
        </div>

    



</asp:Content>
